<!-- <template>
	<div id="dingdan">
		<header>
			<ul>
				<li></li>
				<li>{{dingdan}}</li>
				<li></li>
			</ul>
		</header>
		<nav>
			<img v-bind:src="imgs">
			<p>{{text}}</p>
      <router-link to="index">
			<button>{{button}}</button>
      </router-link>
		</nav>
		<footer>
			<ul>
				<li v-for="info in infos">
          <router-link :to="info.path">
					<img v-bind:src="info.imgs">
					<a href="#">{{info.test}}</a>
          </router-link>
				</li>
			</ul>
		</footer>
	</div>
</template>

<script>
export default {
  name: 'dingdan',
  data(){
    return{
       dingdan:"我的订单",
       imgs:"../static/img/dd-banner.png",
       text:"还没有你的订单噢，赶紧去购物吧",
       button:"去逛逛",
       infos:[
           {
           	imgs:"../static/img/menus1-1.png",
           	test:"首页",
            path:"index"
           },
           {
           	imgs:"../static/img/menus2.png",
           	test:"分类",
            path:"index"
           },
           {
           	imgs:"../static/img/menus3.png",
           	test:"购物车",
            path:"shopping_login"
           },
           {
           	imgs:"../static/img/menus4-1.png",
           	test:"订单",
            path:"dingdan"
           },
           {
           	imgs:"../static/img/menus5.png",
           	test:"我的",
            path:"my"
           }
       ]
    }
  }
}
</script>

<style scoped lang="less">
@import '.././assets/less/style.less';
@import '.././assets/css/reset.css';
@import '.././assets/less/dingdan.less';
@import '.././assets/css/swiper.css';

</style>
 -->